@import "~@/common/common.css.styl"

.person-count
    width: 100%
    height: 100%
    color: #BFBEBE
    background-color #093068
    border: 1px solid #2480B4
    box-shadow 0 0 4px #2480B3
    position relative

    .icon
        color: #02CDE6

        i
            position absolute

            &.icon-1
                left: -8px;
                top: -8px;
                transform: rotate(-45deg);

            &.icon-2
                right: -8px;
                top: -8px;
                transform: rotate(45deg);

            &.icon-3
                right: -8px;
                bottom: -8px;
                transform: rotate(135deg);

            &.icon-4
                left: -8px;
                bottom: -8px;
                transform: rotate(225deg);

    .title
        height: 43px
        display: flex
        justify-content center
        align-items center
        background-color #051D3F

        .left-icon
            color: #2D8FDB

            i
                color: #9ACEF7

        .right-icon
            color: #9ACEF7

            i
                color: #2D8FDB

        .text
            color: #237DBF
            font-size: font-sl
            margin: 0 9px

    .chart
        height: calc(100% - 43px)

        .text
            padding-top: 10px
            display: flex
            justify-content center
            align-items center
            color: #237DBF
            font-size font-md

            .count
                width: 267px
                height 59px
                border: 1px solid #1C67A6
                text-align center
                margin-left: 11px
                margin-right: 5px
                color: #FFFF20
                font-size: font-sx

        .bar
            width: 470px
            height: calc(100% - 69px)
